<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html">
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<title>推荐有奖</title>
	<link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/reward.css" />
    <link rel="stylesheet" href="../assets/iconfont/iconfont.css" />
    <link rel="stylesheet" href="../assets/swiper/css/swiper.css" />
    
	<script src="../assets/jquery/jquery-3.2.1.min.js"></script>
	<script src="../assets/flexible/flexible.debug.js"></script>
</head>
<body>
	
	<!--header-->
	<header class="header">
		<a href="myred.html" class="iconfont icon-fanhui left" style="font-size: 32px; color: white;"></a>
		<h3>推荐有奖</h3>
	</header>
    <!-- banner -->
    <section class="box">
    	<p>邀请您好友一起使用，好友成功注册后<br>您将额外获得<b>8元</b>红包奖励</p>
    </section>
    <!-- xx快报 -->
    <section class="song">
    	<section class="left">送</section>
    	<section class="right">
    		<ul>
    			<li>好友<br>红包</li>
    			<li>10元</li>
    		</ul>
    	</section>
    </section>
    <section class="btnbox">
    	<button class="btn">立即兑换</button>
    </section>
    
    <!-- 热卖商品 -->

    <!-- 分享弹框 -->
    <section class="layer"></section>

    <section class="pop">
    	<section class="prompt">
			用户没有安装微信客户端
		</section>
    	<section class="top">
    		<a href="#">
	    		<dl>
		    		<dt><img src="../images/2_6.png"></dt>
		    		<dd>朋友圈</dd>
		    	</dl>
		    </a>
		    <a href="#">
	    		<dl>
		    		<dt><img src="../images/2_7.png"></dt>
		    		<dd>微信</dd>
		    	</dl>
		    </a>
		    <a href="#">
	    		<dl>
		    		<dt><img src="../images/2_8.png"></dt>
		    		<dd>QQ</dd>
		    	</dl>
		    </a>
		    <a href="#">
	    		<dl>
		    		<dt><img src="../images/2_9.png"></dt>
		    		<dd>QQ空间</dd>
		    	</dl>
		    </a>
    	</section>
    	<section class="bott">
    		取消
    	</section>
    </section>
    
	
	<script type="text/javascript" src="../assets/iconfont/iconfont.js" ></script>
	<script>
		$('.btn').click(function(){
			$('.layer').show();
			$('.pop').show();
		})
		$('.bott').click(function(){
			$('.layer').hide();
			$('.pop').hide();
		})
		$('.top').find('a').click(function(){
			$('.prompt').show();
            setTimeout(function () {  
		        $(".prompt").hide();  
		    }, 2000);  		  	
		});
	</script>
</body>
</html>